<!DOCTYPE html>
<html lang="cn">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 以上三个meta标签必须放在最前 -->

		<!-- Bootstrap -->
        <link href="__CSS__/bootstrap.min.css" rel="stylesheet">

        <!--[if lt IE 9]>
    <script src="__JS__/html5shiv.min.js"></script>
    <script src="__JS__/respond.min.js"></script>
    <![endif]-->

        <title>个人中心《英雄联盟》官方论坛 - Powered by Discuz!</title>

        <link rel="stylesheet" type="text/css" href="__ICSS__/style_6c2b1db9_9_common.css">
        <!-- <link rel="stylesheet" type="text/css" href="__ICSS__/style_6c2b1db9_9_home_spacecp.css"> -->
		<script src="__JS__/jquery-1.8.3.min.js"></script>

		<style>
			.qt_tips_box {
				background: #f0fbff;
				border: 1px solid #7ea0cd;
				color: #7ea0cd;
				padding: 0 20px 0 10px;
				text-align: right;
				position: absolute;
			}
			
			.qt_tips_box a.qt_tips_close {
				color: #8aa8d2;
				position: absolute;
				right: 5px;
				top: 0;
				line-height: 21px;
			}
			
			.qt_tips_arrow {
				position: absolute;
				background: url(http://ossweb-img.qq.com/images/qtalk/app/discuz/arrow.png) no-repeat 0 0;
				width: 6px;
				height: 5px;
				line-height: 2000px;
				overflow: hidden;
				top: -5px;
				right: 5px;
			}
			
			body {
				background: url(__IMG__/index_bg.jpg) no-repeat center 0;
			}
			
			#hd .wp .hdc h2 img {
				display: none;
			}
			
			#hd .wp .hdc h2 a {
				display: block;
				width: 320px;
				height: 80px;
			}
			
			#hd h2 {
				padding: 0 0px 8px 0;
			}
			
			#dl {
				width: 80px;
				height: 70px;
				background: #C7CDCD;
				border-radius: 3px;
				border: 1px solid #A8A9A8;
				color: white;
				margin-right: 10px;
			}
			
			#xiao {
				width: 600px;
				height: 360px;
				background: white;
				position: fixed;
				top: 200px;
				left: 400px;
				z-index: 100;
				display: none;
				border: 5px solid #CCCCCC;
			}
			
			#tou {
				width: 590px;
				height: 50px;
				background: #F7F7F7;
				line-height: 50px;
				cursor: move;
			}
			
			#b {
				font-size: 20px;
				color: #337AB7;
				padding-left: 20px;
			}
			
			#guan {
				width: 35px;
				height: 35px;
				font-size: 35px;
				cursor: pointer;
				float: right;
			}
			
			#xia {
				width: 400px;
				height: 250px;
				border: 2px solid #EEEEEE;
				margin: 20px 0 0 95px;
			}
			
			#xia form {
				margin-top: 20px;
			}
			
			#zm {
				font-size: 20px;
				margin-left: 140px;
			}
			
			#tishi {
				color: red;
				margin-left: 140px;
			}
		</style>
	</head>

	<body>

		<div id="toptb" class="cl">
			<div class="wp">
				<div class="container">
					<div class="row">
						<div class="col-md-7">
							<a class="" onclick="alert('请按Ctrl+D')">收藏本站</a>
						</div>

					</div>
				</div>
				<div id="hd">
					<div class="wp">
						<div class="hdc cl">
							<div class="aaa" style="margin-top:20px;"></div>

							<div class="container">
								<div class="row">
									{if condition="$Request.session.user.name == ''"}
									<div class="col-md-3 col-md-offset-8">
										<a id="dl" class="btn" onclick="kai()">登录</a>
										<a href="<{:url('login/index')}>" id="dl" class="btn" target="_blank">注册</a>
									</div>
									{else}
									<div class="col-md-2 col-md-offset-7">
										<a href=""><span class="glyphicon glyphicon-user"></span></a>
										<a href="<{:url('user/index',array('id'=>$Request.session.user.id))}>" id="add"><{$Request.session.user.name}></a>
										<script>
										var add = document.getElementById('add');
										if (add.innerHTML.length > 3) {
											add.innerHTML = add.innerHTML.substr(0,3)+'...';
										}
										</script>
										<a href="<{:url('personal/index',array('id'=>$Request.session.user.id))}>">设置</a>
										<a href="<{:url('login/out')}>">退出</a>
										<br>
										
										<a href="">等级:<span>
											{if condition="$Request.session.user.type == 0"}普通会员
											{elseif condition="$Request.session.user.type == 1"}VIP会员
											{else}版主
											{/if}	
										</span></a>
									</div>
										<div class="col-md-2">
										{if condition="$img == ''"}
											<img src="__UIMG__/u0.png" width="40%" style="margin-top:-10%;margin-right:50%;border-radius:5px">
										{else}
											<img src="__UIMG__/<{$img}>" width="66px" height="66px;" style="margin-top:-10%">
										{/if}
										</div>
									{/if}
								</div>
							</div>
							<div id="xiao">
								<div id="tou">
									<b id="b">请登录</b>
									<b onclick="guan()" id="guan">×</b>
								</div>
								<div id="xia">
									<form action="" method="post" class="form-horizontal" id="form" onsubmit="return false">
										<div class="form-group">
											<p id="zm">账号密码登录</p>
											<b id="tishi"></b>
										</div>

										<div class="form-group">
											<label for="inputphone" class="col-sm-3 control-label">账号</label>
											<div class="col-sm-7">
												<input type="text" name="phone" class="form-control" id="inputphone" placeholder="请输入您的账号">

											</div>
										</div>
										<div class="form-group">
											<label for="inputPassword" class="col-sm-3 control-label">密码</label>
											<div class="col-sm-7">
												<input type="password" name="pass" class="form-control" id="inputPassword" placeholder="请输入您的密码">
											</div>
										</div>
										<div class="form-group">
											<div class="col-sm-offset-2 col-sm-10">
												<button type="submit" class="btn btn-success" id="button" style="width:250px;">登录</button>
											</div>
										</div>
									</form>
								</div>
							</div>
							<script>
								// 登录请求
								button.onclick = function() {
										if(/^[1][34578][0-9]{9}$/.test(inputphone.value)) {
											if(inputPassword.value != "") {
												$(function(){
													$.ajax({
														type:'post',
														url:"<{:url('login/dl')}>",
														data:"phone="+inputphone.value+"&pass="+inputPassword.value,
														dataType: 'json',
														success:function(data){
															if (data == 0) {
																tishi.innerHTML = "账号或密码错误";
															}else{
																location.reload();
															}
														}
													})
													
												})
											} else {
												tishi.innerHTML = "密码不能为空";
											}
										} else {
											tishi.innerHTML = "账号格式错误";
										}
									}
									// 点击登录
								function kai() {
									xiao.style.display = 'block';
								}
								//关闭登录
								function guan() {
									xiao.style.display = 'none';
								}
								var tou = document.getElementById('tou');
								var xiao = document.getElementById('xiao');
								tou.onmousedown = function(en) {
									var en = en || window.event;
									// 算出鼠标相对于xiao盒子的距离
									var left = en.clientX - xiao.offsetLeft;
									var top = en.clientY - xiao.offsetTop;
									document.onmousemove = function(env) {
										var env = env || window.event;
										// 鼠标位置-鼠标相对于xiao盒子的距离 移动鼠标时 盒子的左上角就不会跟着鼠标
										var x = env.clientX - left;
										var y = env.clientY - top;
										if(x < 0) {
											x = 0;
										}
										if(y < 0) {
											y = 0;
										}
										if(x > 1038) {
											x = 1038;
										}
										if(y > 470) {
											y = 470;
										}
										xiao.style.top = y + 'px';
										xiao.style.left = x + 'px';
									}

								}
								document.onmouseup = function() {
									document.onmousemove = null;
								}
							</script>

							<div class="fastlg cl">
								<span id="return_ls" style="display:none"></span>
								<div class="y pns">
								</div>
								<style>
									.y.pns {
										display: none
									}
									
									.ptlogin_simple {
										float: right
									}
									
									.ptlogin_simple button {
										width: 75px;
									}
									
									.scbar_txt {
										height: 40px;
									}
                                    .width{
                                        width:330px;
                                        border-left:1px solid #848484;
                                        border-top:1px solid #848484;
                                        padding-left:5px; 
                                    }
								</style>
							</div>

						</div>
						<div class="row" style="width:957px;margin-left:1px;">
							<ul class="daohang">
								<li style="border-radius: 4px;">
									<a href="<{:url('index/index')}>" title="BBS">论坛首页</a>
								</li>
								<li>
									<a href="http://lol.qq.com/main.shtml" target="_blank">官网首页</a>
								</li>
								<li>
									<a href="http://weibo.com/lol" target="_blank">官方微博</a>
								</li>
								<li>
									{if condition="$Request.session.user.type eq null "}
									<a class="" onclick="alert('请先登录')" style="cursor:pointer;">视频站</a>
									{else}
									<a href="<{:url('video/index')}>">视频站</a>
									{/if}
								</li>
								<li>
									{if condition="$Request.session.user.type eq null "}
									<a class="" onclick="alert('请先登录')" style="cursor:pointer;">积分商城</a>
									{elseif condition="$Request.session.user.type eq 0 "}
									<a class="" onclick="alert('请先兑换VIP会员')" style="cursor:pointer;">积分商城</a>
									{else/}
									<a href="<{:url('goods/index')}>">积分商城</a>
									{/if}
								</li>
							</ul>
						</div>
						<div id="mu" class="cl">
						</div>
						<div id="scbar" class="cl" style="background:#FBFCFE;border-radius: 5px;">
							<form method="post" action="<{:url('search/index')}>" target="_blank">
								<table cellspacing="0" cellpadding="0">
									<tbody>
										<tr>
											<td class="scbar_icon_td">
												<img src="__IMG__/sousuo.jpg" alt="">
												</td>
											<td>
												<input type="text" name="search" id="scbar_txt" value=""class=" xg1" placeholder="请输入搜索内容" style="height: 30px;border: 1px solid #9DB0C2;padding:10px;">
											</td>
											<td class="scbar_type_td"></td>
											<td class="scbar_btn_td">
												<button type="submit" style="background:#E5EDF2;height:30px;margin:-4px 0 0 -18px;border:1px solid #9DB0C2" name="searchsubmit" id="scbar_btn" sc="1" class="pn pnc" value="true"><strong class="xi2 xs2">搜索</strong></button>
											</td>
											<td class="scbar_hot_td">
											</td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
						<ul id="scbar_type_menu" class="p_pop" style="display: none;">
							<li>
								<a href="" rel="forum" class="curtype">帖子</a>
							</li>
						</ul>
					</div>
				</div>

				<div id="wp" class="wp">
                    <div id="pt" class="bm cl">
                        <a href=""><img src="__IMG__/fangzi.jpg"><em>»</em> 设置
                        </a><em>»</em><b> 个人资料</b>
                    </div>

                </div>
				<div id="ct" class="ct2_a wp cl">
					<div class="mn">
						<div class="bm bw0">
							<h1 class="mt">个人资料</h1>
							<form action="<{:url('personal/useredit')}>" method="post" enctype="multipart/form-data" autocomplete="off">
								<input type="hidden" value="<{$user.userid}>" name="userid">
								<table cellspacing="0" cellpadding="0" class="tfm" id="profilelist">
									<tbody>
										<tr>
											<th>昵称</th>
											<td>
                                                <input type="text" name="name" value="<{$user.name}>" class="width">
											</td>
											<td>&nbsp;</td>
										</tr>
										<tr id="tr_gender">
											<th id="th_gender">性别</th>
											<td id="td_gender">
											<!-- selected="{$user.sex == 0? selected : '';} -->
												<select name="sex" id="gender" class="ps" tabindex="1">
                                                    <option value="0" 
                                                    {if condition="$user.sex eq 0"}
													selected
													{/if}
                                                    >男</option>
                                                    <option value="1"
													{if condition="$user.sex eq 1"}
													selected
													{/if}
                                                    >女</option>
                                                    <option value="2"
													{if condition="$user.sex eq 2"}
													selected
													{/if}
                                                    >保密</option>
												</select>
												<div class="rq mtn" id="showerror_gender"></div>
												<p class="d"></p>
											</td>
										</tr>
										<script>
											$(function(){
												for (var i = 2017; i > 1917; i--) {
													$('#birthyear').append('<option value='+ i +'>'+i+'</option>');
												}
												for (var i = 1; i < 32; i++) {
													$('#birthday').append('<option value='+ i +'>'+i+'</option>');
												}

												var years = $('#birthyear option');
												{if condition="$user.year neq '' "}
												for (var i = years.length - 1; i >= 0; i--) {
													if (years[i].value == <{$user.year}>) {
														years[i].selected = 'selected';
													}
												}
												{/if}

												var months = $('#birthmonth option');
												{if condition="$user.month neq '' "}
												for (var i = months.length - 1; i >= 0; i--) {
													if (months[i].value == <{$user.month}>) {
														months[i].selected = 'selected';
													}
												}
												{/if}

												var days = $('#birthday option');
												{if condition="$user.day neq '' "}
												for (var i = days.length - 1; i >= 0; i--) {
													if (days[i].value == <{$user.day}>) {
														days[i].selected = 'selected';
													}
												}
												{/if}

												$('#birthmonth').change(function(){
													if ($('#birthmonth').val() == 4 || $('#birthmonth').val() == 6 || $('#birthmonth').val() == 9 || $('#birthmonth').val() == 11) {
														$('#birthday').html('');
														$('#birthday').append('<option>'+'日'+'</option>');
														for (var i = 1; i < 31; i++) {
															$('#birthday').append('<option value='+ i +'>'+i+'</option>');
														}
													}else if($('#birthmonth').val() == 2){
														if ((($('#birthyear').val())%4) == 0) {
															$('#birthday').html('');
															$('#birthday').append('<option>'+'日'+'</option>');
															for (var i = 1; i < 29; i++) {
																$('#birthday').append('<option value='+ i +'>'+i+'</option>');
															}
														}else{
															$('#birthday').html('');
															$('#birthday').append('<option>'+'日'+'</option>');
															for (var i = 1; i < 30; i++) {
																$('#birthday').append('<option value='+ i +'>'+i+'</option>');
															}
														}
													}else{
														$('#birthday').html('');
														$('#birthday').append('<option>'+'日'+'</option>');
														for (var i = 1; i < 32; i++) {
															$('#birthday').append('<option value='+ i +'>'+i+'</option>');
														}
													}
												})
												
											})
										</script>
										<tr id="tr_birthday">
											<th id="th_birthday">生日</th>
											<td id="td_birthday">
												<select name="year" id="birthyear" class="ps" value="2017">
													<option value="">年</option>
												</select>&nbsp;&nbsp;
												<select name="month" id="birthmonth" class="ps"  tabindex="1">
													<option value="">月</option>
													<option value="1">1</option>
													<option value="2">2</option>
													<option value="3">3</option>
													<option value="4">4</option>
													<option value="5">5</option>
													<option value="6">6</option>
													<option value="7">7</option>
													<option value="8">8</option>
													<option value="9">9</option>
													<option value="10">10</option>
													<option value="11">11</option>
													<option value="12">12</option>
												</select>&nbsp;&nbsp;
												<select name="day" id="birthday" class="ps" tabindex="1">
													<option value="">日</option>
												</select>
												<div class="rq mtn" id="showerror_birthday"></div>
												<p class="d"></p>
											</td>
										</tr>
										<tr id="tr_realname">
											<th id="th_realname">真实姓名</th>
											<td id="td_realname">
												<input type="text" name="uname"  class="width" value="<{$user.uname}>" tabindex="1">
												<div class="rq mtn" id="showerror_realname"></div>
												<p class="d"></p>
											</td>
										</tr>
										<!-- <tr id="tr_birthcity">
											<th id="th_birthcity">出生地</th>
											<td id="td_birthcity">
												<p id="birthdistrictbox">
													<select name="sheng" id="birthprovince" class="ps" tabindex="1">
														<option value="">-省份-</option>
														<option did="1" value="北京市">北京市</option>
														<option did="2" value="天津市">天津市</option>
														<option did="3" value="河北省">河北省</option>
														<option did="4" value="山西省">山西省</option>
														<option did="5" value="内蒙古自治区">内蒙古自治区</option>
														<option did="6" value="辽宁省">辽宁省</option>
														<option did="7" value="吉林省">吉林省</option>
														<option did="8" value="黑龙江省">黑龙江省</option>
														<option did="9" value="上海市">上海市</option>
														<option did="10" value="江苏省">江苏省</option>
														<option did="11" value="浙江省">浙江省</option>
														<option did="12" value="安徽省">安徽省</option>
														<option did="13" value="福建省">福建省</option>
														<option did="14" value="江西省">江西省</option>
														<option did="15" value="山东省">山东省</option>
														<option did="16" value="河南省">河南省</option>
														<option did="17" value="湖北省">湖北省</option>
														<option did="18" value="湖南省">湖南省</option>
														<option did="19" value="广东省">广东省</option>
														<option did="20" value="广西壮族自治区">广西壮族自治区</option>
														<option did="21" value="海南省">海南省</option>
														<option did="22" value="重庆市">重庆市</option>
														<option did="23" value="四川省">四川省</option>
														<option did="24" value="贵州省">贵州省</option>
														<option did="25" value="云南省">云南省</option>
														<option did="26" value="西藏自治区">西藏自治区</option>
														<option did="27" value="陕西省">陕西省</option>
														<option did="28" value="甘肃省">甘肃省</option>
														<option did="29" value="青海省">青海省</option>
														<option did="30" value="宁夏回族自治区">宁夏回族自治区</option>
														<option did="31" value="新疆维吾尔自治区">新疆维吾尔自治区</option>
														<option did="32" value="台湾省">台湾省</option>
														<option did="33" value="香港特别行政区">香港特别行政区</option>
														<option did="34" value="澳门特别行政区">澳门特别行政区</option>
														<option did="35" value="海外">海外</option>
														<option did="36" value="其他">其他</option>
													</select>&nbsp;&nbsp;
													<select id="city"></select>&nbsp;&nbsp;
											        <select id="area"></select>&nbsp;&nbsp;
											        <select id="street"></select>
													</p>
												<div class="rq mtn" id="showerror_birthcity"></div>
												<p class="d"></p>
											</td>
										</tr> -->
										<tr id="tr_bloodtype">
											<th id="th_bloodtype">血型</th>
											<td id="td_bloodtype">
												<select name="xue" id="bloodtype" class="ps" tabindex="1">
													<option value="A">A</option>
													<option value="B">B</option>
													<option value="AB">AB</option>
													<option value="O">O</option>
													<option value="其它">其它</option>
												</select>
												<script>
												$(function(){
													var type = $('#bloodtype option');
													{if condition="$user.xue neq '' "}
													for (var i = type.length - 1; i >= 0; i--) {
														if (type[i].value == "<{$user.xue}>") {
															type[i].selected = 'selected';
														}
													}
													{/if}
												})
												</script>
												<div class="rq mtn" id="showerror_bloodtype"></div>
												<p class="d"></p>
											</td>
										</tr>
										<tr id="tr_lookingfor">
											<th id="th_lookingfor">QQ号</th>
											<td id="td_lookingfor">
												<input type="text" name="qq" class="width" value="<{$user.qq}>">
												<div class="rq mtn" id="showerror_lookingfor"></div>
												<p class="d"></p>
											</td>
										</tr>
										<tr id="tr_lookingfor">
											<th id="th_lookingfor">交友目的</th>
											<td id="td_lookingfor">
												<input type="text" name="jiaoyou" class="width" value="<{$user.jiaoyou}>">
												<div class="rq mtn" id="showerror_lookingfor"></div>
												<p class="d"></p>
											</td>
										</tr>
										<tr id="tr_residecity">
											<th id="th_residecity">居住地</th>
											<td id="td_residecity">
												<p id="residedistrictbox">
													<select name="juzhu" id="resideprovince" class="ps" tabindex="1">
														<option value="">-请选择-</option>
														<option did="1" value="北京市">北京市</option>
														<option did="2" value="天津市">天津市</option>
														<option did="3" value="河北省">河北省</option>
														<option did="4" value="山西省">山西省</option>
														<option did="5" value="内蒙古自治区">内蒙古自治区</option>
														<option did="6" value="辽宁省">辽宁省</option>
														<option did="7" value="吉林省">吉林省</option>
														<option did="8" value="黑龙江省">黑龙江省</option>
														<option did="9" value="上海市">上海市</option>
														<option did="10" value="江苏省">江苏省</option>
														<option did="11" value="浙江省">浙江省</option>
														<option did="12" value="安徽省">安徽省</option>
														<option did="13" value="福建省">福建省</option>
														<option did="14" value="江西省">江西省</option>
														<option did="15" value="山东省">山东省</option>
														<option did="16" value="河南省">河南省</option>
														<option did="17" value="湖北省">湖北省</option>
														<option did="18" value="湖南省">湖南省</option>
														<option did="19" value="广东省">广东省</option>
													</select>&nbsp;&nbsp;</p>
												<div class="rq mtn" id="showerror_residecity"></div>
												<p class="d"></p>
												<script>
												$(function(){
													var juzhu = $('#resideprovince option');
													{if condition="$user.juzhu neq '' "}
													for (var i = juzhu.length - 1; i >= 0; i--) {
														if (juzhu[i].value == "<{$user.juzhu}>") {
															juzhu[i].selected = 'selected';
														}
													}
													{/if}
												})
												</script>
											</td>
										</tr>
										<tr id="tr_affectivestatus">
											<th id="th_affectivestatus">情感状态</th>
											<td id="td_affectivestatus">
												<input type="text" name="qinggan" class="width" value="<{$user.qinggan}>">
												<div class="rq mtn" id="showerror_affectivestatus"></div>
												<p class="d"></p>
											</td>
										</tr>
										<tr>
											<th>&nbsp;</th>
											<td colspan="2">
												<button type="submit" class="pn pnc"><strong>保存</strong></button>
												<span id="submit_result" class="rq"></span>
											</td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
					</div>
					<div class="appl" style="background:#E8F0F7;height: 500px;width:135px;">
						<div class="tbn">
							<h2 class="mt bbda">设置</h2>
							<ul>
								<li >
									<a href="<{:url('personal/image',array('id'=>$Request.session.user.id))}>">修改头像</a>
								</li>
								<li class="a">
									<a href="<{:url('personal/index',array('id'=>$Request.session.user.id))}>">个人资料</a>
								</li>
								<li>
									<a href="<{:url('personal/gral',array('id'=>$Request.session.user.id))}>">积分和等级</a>
								</li>
								<li>
									<a href="<{:url('personal/privacy',array('id'=>$Request.session.user.id))}>">隐私筛选</a>
								</li>

							</ul>
						</div>
					</div>
				</div>

				<style id="diy_style" type="text/css"></style>

				<div class="wp">
					<!--[diy=diy1]-->
					<div id="diy1" class="area"></div>
					<!--[/diy]-->
				</div>

				<style>
					.daohang {
						height: 30px;
						background: #2873C2;
						margin: 0 auto;
						border-radius: 4px;
					}
					
					.daohang li {
						float: left;
						padding-left: 20px;
						line-height: 30px;
						padding-right: 20px;
						display: inline-block;
						border-radius: 4px;
					}
					
					.daohang li a {
						font-weight: 700;
						color: white;
					}
				</style>

				<div class="container">
					<!--style="margin-left:230px;"-->
					<div class="row">
						<div class="col-md-10" style="height:10px;border-top:1px solid black;margin:10px 0 0 -10px;">
						</div>
					</div>
					<div class="row">
						<p class="col-md-2 ">Powered by <b>Discuz!</b> X2.5</p>
						<p class="col-md-3 col-md-offset-6">
							<a href="">Archiver</a>
							<a href="">论坛首页</a>
							<a href=""><img src="__IIMG__/qq.png"></a>
							<a href=""><img src="__IIMG__/toss.gif"></a>
						</p>

					</div>
					<div class="row">
						<p class="col-md-3">© 2001-2012 Comsenz Inc.</p>
						<p class="col-md-3 col-md-offset-5"><b>GMT+8</b> ,time :
							<{:date( "h:i:s")}>
						</p>
					</div>
					<div class="row">
						<div class="col-md-10 col-md-offset-1" style="margin-top:20px;">
						</div>
					</div>
				</div>
				<!-- 引入jQuery -->
				<script src="__JS__/jquery.min.js"></script>
				<!-- bootstrap的JS文件必须放在JQ引入之后! -->
				<script src="__JS__/bootstrap.min.js"></script>
	</body>

</html>